html,body{ margin: 0; padding: 0;}
a {
    color: #00B7FF;
}
header { background: #eee; margin: 50px auto; padding: 10px 0; text-indent: 0.5em; width: 960px;}
.main { margin: 0 auto; width: 960px; overflow: auto;}
.messages { width: 680px; float: left; background: #eee; height: 600px; text-indent: 1em; line-height: 26px;}
.messages div i { color: brown;}
.roomList { width: 270px; float: right;}
footer { margin: 20px auto; width: 960px;}
input[type=text] { width:400px; line-height: 30px; height: 30px;}
input[type=submit] {height:35px; line-height:35px; width:80px;}
.roomList div {border-bottom: 1px solid #eee; cursor: pointer; line-height:30px; text-indent:1em;}
.roomList div:hover { background-color: #ddd;}
.help { font-size: 10px; font-weight: bold; font-style: italic;}